<template>
    <div class="ActInfo">
        <div class="header">
            <div class="header-left">
                活动详情
            </div>
        </div>

        <div class="ActInfo-content">
            <div class="content-text">分支保护是为了防止相关成员Push代码到重要的分支（例如master分支），便于项目的分支管理常规分支:项目成员（开发者权限及以上）可Push分支保护分支:项目管理员才能管理（Push）被保护的分支只读分支:任何人都无法Push代码（包括管理员和所有者），需要Push代码时应设为“常规”或“保护”分支</div>
            
        </div>
    </div>
</template>

<script>
// import { Flexbox, FlexboxItem } from 'vux'
export default {
    name: 'DetailActInfo',
    components: {
        // Flexbox, 
        // FlexboxItem
    }
}
</script>

<style lang="stylus" scoped>
.ActInfo
    background: #fff
    .header
        background: #fff  
        color: #333
        line-height: .78rem
        height: .78rem
        font-size: .25rem
        border-bottom: 1px solid #ececec
        box-sizing:border-box
        box-shadow: 0 0 3px rgba(238,238,238,0.1)
        .header-left
            float: left
            &:before
                content: ''
                float: left
                width: .06rem
                height: .22rem
                background-color: #ed722e
                margin-right: .20rem
                margin-top: .25rem
    .ActInfo-content
        padding: .3rem
        font-size: .3rem
        color: #999
        line-height: .50rem
</style>